<ul class="mdl-list">
    <li class="mdl-list__item">
        <span class="mdl-list__item-primary-content" ui-sref=".alpha" ui-sref-active="active">
            <button class="mdl-button mdl-js-button" mdl-upgrade>State Alpha</button>
        </span>
    </li>
    <li class="mdl-list__item">
        <span class="mdl-list__item-primary-content" ui-sref=".bravo" ui-sref-active="active">
            <button class="mdl-button mdl-js-button" mdl-upgrade>State Bravo</button>
        </span>
    </li>
    <li class="mdl-list__item">
        <span class="mdl-list__item-primary-content" ui-sref=".charlie" ui-sref-active="active">
            <button class="mdl-button mdl-js-button" mdl-upgrade>State Charlie</button>
        </span>
    </li>
</ul>
<ui-view></ui-view>
